<!DOCTYPE html>
  <html lang="en">
    <head>
      <meta charset="utf-8">
      <META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
        <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
        <META HTTP-EQUIV="expires" CONTENT="0">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1, minimum-scale=1">
      <!-- <link rel="icon" href="<%= BASE_URL %>favicon.ico"> -->
      <!-- 首页长方体cesium样式 -->
      <link rel="stylesheet" href="/assets/changfangti.css">
      <title>浙江省负氧离子监控平台</title>
        <style type="text/css">
            body ,html{
              -webkit-user-select: none;
              user-select: none;
            }
            .icon {
              width: 1em; height: 1em;
              vertical-align: -0.15em;
              fill: currentColor;
              overflow: hidden;
            }
            /* 设置帧率显示位置 */
            .cesium-performanceDisplay-defaultContainer{
              top: 9px !important;
              right: 400px !important;
              z-index: 2 ;
            }
            
        </style>
    </head>
    <script>
        // setTimeout(function(){location.reload()},60000);
        //指定1秒刷新一次
    </script>
  <body >
    <noscript>
      <strong>We're sorry but  doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <!--分割线-->
    <div id="app"></div>
    <!--分割线-->
    <!-- 引入图标库js,实现彩色字体 -->
    
    <script src="/assets/js/iconfont.js"></script>
    <!--三维libs-->
    <!--cesium工具类库辅助工具-->
    <!-- <script src="/mars/web-base/lib/hao/haoutil.js"></script> -->
    <!--配合cesium工具库使用-->
    <script src="/assets/js/jquery-2.1.4.min.js"></script>
    <!-- <script src="/FileSaver.js"></script>
    <script src="/jquery.wordexport.js"></script> -->
    <!--cesium基础样式库-->
    <link rel="stylesheet" href="/mars/web-base/lib/Cesium/Widgets/widgets.css">
    <!--cesium基础库-->
    <script src="/mars/web-base/lib/Cesium/Cesium.js"></script>
    <!--cesium工具样式文件-->
    <link rel="stylesheet" href="/mars/web-base/lib/cesium-mars/yovngfun.css">
    <!--cesium工具类库-->
    <!-- <script src="/mars/web-base/lib/cesium-mars/yovngfun.js"></script> -->
    <!--turf,面积测量辅助工具（计算面积）-->
    <!-- <script src="/mars/web-base/lib/turf/turf.min.js"></script> -->
    <script>
      //设置html的字体大小，使用rem来控制自适应，更好的计算宽高
      document.documentElement.style.fontSize = document.documentElement.clientWidth /1920 *100 + 'px';
      //vue机制，只有onload时执行onresize方法，注意onload和ready.只有load之后（元素都渲染到页面中），缩放时才能改变元素大小
      window.onload =function(){
        document.documentElement.style.fontSize = document.documentElement.clientWidth /1920 *100 + 'px';
        window.onresize = function(){
          document.documentElement.style.fontSize = document.documentElement.clientWidth /1920 *100 + 'px';
        }
      }
    </script>
    <style>
      /* 地址选择器样式 */
      .el-input__inner{
        height:30px!important;
        line-height:30px!important;
        background : transparent!important;
        border : 2px solid #41e6fd!important;
      }
      .el-cascader__label span{
        color:#fff!important;
      }
      .el-cascader{
        height:30px!important;
        line-height:30px!important;
      }
      /* 日期选择器样式 */
      .el-date-editor .el-range-input{
        height:30px!important;
        background : transparent!important;
        line-height:30px!important;
        color:#fff;
      }
      .el-date-editor .el-range-separator , .el-picker-panel__icon-btn , .el-date-range-picker__header div , .el-date-table th{
        color:#fff!important;
      }
      .el-date-editor .el-range__icon, .el-date-editor .el-range-separator,.el-date-editor .el-range__close-icon{
        line-height:20px!important; 
      }
      .el-picker-panel, .el-cascader-menu{
        background: rgba(7,23,42,1)!important;
      }
      .el-popper[x-placement^=bottom]{
        background : #446D7E!important;
      }
      .el-cascader-menu__item:focus:not(:active), .el-cascader-menu__item:hover{
        background:#2185BB!important;
      }
      .el-cascader-menu__item, .el-cascader__label{
        color:#fff!important;
      }
      .el-date-table td.prev-month span, .el-date-table td.next-month span{
        color:#A8A8A8!important;
      }
      .available span{
        color:#fff!important;
      }
      /* .el-date-table td.next-month, .el-date-table td.prev-month{
        color:#515A60!important;
      } */
      .el-date-table td.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div{
        background:#00EBF1!important;
      }
      .el-cascader-menu__item.is-active{
        color:#409EFF!important;
      }
      .gm-resize-trigger{
        overflow-x:hidden!important;
      }
      
      .my-scroll-bar{
        height:73vh;
      }
      .gm-scroll-view{
        overflow-x:hidden;
      }
      .el-input__inner{
        color:#fff!important;
      }
    </style>
  </body>
  </html>
